<template>
  <n-grid cols="24" y-gap="12" x-gap="12" item-responsive responsive="screen">
    <n-grid-item span="24 m:24 l:12">
      <n-card
        style="height: 100%"
        :segmented="{ content: true, footer: true }"
        header-style="padding:10px;font-size:14px"
        footer-style="padding:10px"
        content-style="padding:10px;height:100%"
      >
        <template #header> 欢迎您 </template>
      </n-card>
    </n-grid-item>
  </n-grid>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import { ArrowBack, ArrowForward } from "@vicons/ionicons5";

export default defineComponent({
  components: {
  },
  setup() {},
});
</script>

<style lang="less" scoped></style>
